<!DOCTYPE html>
html(lang="en")
  head
    meta(http-equiv="content-type", content="text/html;charset=utf-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no")
    meta(http-equiv="X-UA-Compatible", content="ie=edge")
    title= title
    meta(name="keywords", content="海大珍珠商城")
    meta(name="desciption", content="海大珍珠商城是一个专注于线上销售化妆品的一个综合性商城。")
    meta(name="author", content="Hou sir")
    link(rel="shortcut icon", href="/favicon.ico", type="image/x-icon")
    link(rel="stylesheet", href="/lib/swiper/dist/css/swiper.min.css")
    link(rel="stylesheet", href="/css/common.css")
    link(rel="stylesheet", href="/css/home.css")
  body
    header
      .scan
      form
          input(type="text",name="search-content", placeholder="海大珍珠", id="search")
          button
      .message
    .swiper-container
      .swiper-wrapper
        - for(var i=0;i<imgs.length;i++)
          .swiper-slide          
            a(href="javascript:;")
              img(src=imgs[i].imgUrl, alt="banner")        
      .swiper-pagination
    main
      p 这部分内容请自行完善
    footer
      .option1
        a(href="/home")
          i
          b 首页
      .option2
        a(href="/classic")
          i
          b 分类
      .option3
        a(href="/cart")
          i
          b 购物车
      .option4
        a(href="/mine")
          i
          b 个人
  script(src="/lib/jquery/dist/jquery.min.js")
  script(src="/lib/swiper/dist/js/swiper.min.js")
  script(src="/lib/resetRem.js")
  script(src="/js/banner.js")